<template>
    <div class="subpage">
        <div class="banner"></div>
         <div class="title">
            <h2>错题本</h2>
            <el-divider><i class="el-icon-guide titleicon"></i></el-divider>
            <h3>以学员满意度、以学员学习效果为本</h3>
        </div>
        <div class="subjectinfo">
            <div class="subinfo">
                <div class="test">
                    <div class="Title">综合题</div>
                    <div class="back">返回上一页 >></div>
                </div>
                <div class="infobox">
                    <p>1、请翻译“范氏之亡也，百姓有得钟者，欲负而走，则钟大不可负；以锤毁之，钟况然有声。恐人闻之而夺己也，遽掩其耳。恶人闻之，可也；恶己自闻之，悖也！</p>
                </div>
            </div>
        </div>
        
    </div>
</template>

<script>
    export default{
        data(){
            return{

            }
        }
    }

</script>

<style lang='scss' scoped>
.subpage{
    .banner{
        width: 100%;
        height: 360px;
        background: url('/static/image/bannerpic.png') no-repeat;
        background-size:100% 100%;
        background-position: center; 
    }
    .title{
        width: 1000px;
        margin: 0 auto;
        h2 {
            font-size: 36px;
            text-align: center;
            margin: 40px 0;
            font-weight: normal;
        }
        h3 {
            font-size: 18px;
            text-align: center;
            color: #737373;
            margin: 40px 0;
            font-weight: normal;
        }
        .el-divider__text, .el-link {
            font-weight: 500;
            font-size: 45px;
        }
    }
    .subjectinfo{
        background-color: #eaeceb;
        padding: 10px;
        height: 500px;
        box-sizing: border-box;
        margin-top: 20px;
        margin-bottom: 20px;
        .subinfo{
            width: 1100px;
            margin: 0 auto;
            height: 100%;
            background-color: #fff;
            padding: 30px 50px;
            .test{
                display: flex;
                width: 100%;
                height: 20px;
                line-height: 20px;
                margin-bottom: 20px;
                .Title{
                    width: 50%;
                    padding-left: 15px;
                    border-left: 2px solid #c90000;
                }
                .back{
                    width: 50%;
                    text-align: right;
                    color:#ca0000;
                    cursor: pointer;
                }
            }
        }

    }
}


</style>